
<div class="jumbotron">
  <h5 class="my-3">父组件监听子组件的事件</h5>
  <p>子组件暴露一个 EventEmitter 属性，当事件发生时，子组件利用该属性 emits(向上弹射)事件。父组件绑定到这个事件属性，并在事件发生时作出回应。
    子组件的 EventEmitter 属性是一个输出属性，通常带有@Output 装饰器。</p>
</div>

<hr />

<h5 class="my-3">父组件</h5>
<pre><code [highlight]="code.htmlCode"></code></pre>

<div class="code-dark">
<pre><code [highlight]="code.tsCode"></code></pre>
</div>

<hr />
<h5 class="my-3">子组件</h5>
<pre><code [highlight]="code.htmlCode1"></code></pre>

<div class="code-dark">
<pre><code [highlight]="code.tsCode1"></code></pre>
</div>